
function remove_qqol_qqol_style_01_1551426809647() {
    $('body > .online-service.qqol-qqol_style_01_1551426809647').remove();
}

$(function () {
    // 清理旧的
    remove_qqol_qqol_style_01_1551426809647();

    // 创建边栏
    var sidebar = new Sidebar({
        'template': 'online-template',
        'css': 'qqol-qqol_style_01_1551426809647',
        'expand': false,
        'main': {'width': '200px', 'position': 'right'},
        'border': {'color': '#076bf2', 'width': '5px', 'radius': '10px'},
        'button': {'color': '#fff', 'background-color': '#076bf2', 'radius': '5px'},
        'close': {'hide': true}
    });

    // 片段模板
    var qqOnlineStr = '<div class="clearfix">' +
        '<a class="qq-btn" target="_blank" href="//wpa.qq.com/msgrd?v=3&uin={{qq}}&site=qq&menu=yes">' +
        '<img border="0" src="//wpa.qq.com/pa?p=2:{{qq}}:{{style}}" alt="{{title}}" title="{{title}}"  ' +
        'onerror="javascript:this.src=\'//wpa.qq.com/pa?p=2:123456789:{{style}}\';">' +
        '{{text}}</a></div>';	// 图标不能显示时, 更换QQ号码让其显示

    // 创建片段
    Fragment.prototype.prefix = 'ol-';

    // 创建片段列表
    var fragmentList = new FragmentList({
        'prefix': 'ol-',
        'css': {'padding': '0 12px'}
    });
    fragmentList.append(new Fragment({
        'name': 'qq-online',
        'html': qqOnlineStr,
        'data': {'qq': '123', 'style': 3, 'title': 'QQ在线', 'text': '客服一'},
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'qq-online',
        'html': qqOnlineStr,
        'data': {'qq': '123456', 'style': 3, 'title': 'QQ在线', 'text': '客服二'},
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'separator',
        'css': {'height': '2px', 'background-color': '#a0a0a0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>工作时间</div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>周一至周日 ：8:00-18:00</div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'separator',
        'css': {'height': '2px', 'background-color': '#a0a0a0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>联系方式</div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>电话1： 186 4561 7962</div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>电话2： 151 2361 7962</div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>微信： zxczxc</div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>QQ：123456 </div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>QQ：222222</div>',
        'css': {'margin': '.5em 0'}
    }));
    fragmentList.append(new Fragment({
        'name': 'text',
        'html': '<div>邮箱：32102468@qq.com</div>',
        'css': {'margin': '.5em 0'}
    }));
    // 添加到边栏
    var list = fragmentList.get();
    !list.children().length && list.html('<p>内容列表为空！</p>');
    sidebar.append(list);
    if (typeof ($("img").lazyload) == "function") {
        $("img").lazyload({
            effect: "fadeIn",
            threshold: 0,
            failure_limit: 20,
            skip_invisible: false
        });
    }
});